import React, { Component, useRef } from 'react';
import media from "./media/1244.mp4";


const App = () => {
  let videoRef = useRef();
  const handlePlay=()=>{
    console.dir(videoRef);
  }
  return <div>
    <h2>APP</h2>
    <button onClick={handlePlay} >播放</button>
    <MyVideo ref={videoRef} ></MyVideo>
  </div>
}



const MyVideo = React.forwardRef((props, ref123) => {
  return <div>
    <h2>QQ影音</h2>
    {/* <video ref={ref=ref123=ref} src={media} controls></video> */}
    <video ref={ref123} src={media} controls></video>
    <nav></nav>
    <a href=""></a>
    <span></span>
  </div>
})



export default App;